<template>
	<view>
		<uni-card>
			<map style="width: 100%;height: 800rpx;"></map>
			
			<view class="up_top space_around flex" style="width: 750rpx;">
				<view>
					<u-text :text="data.name" :bold="true"></u-text>
					<u-text :text="data.address" size="20rpx"></u-text>
				</view>
				<u-button @click="nav" type="primary" shape="circle" size="small">导航</u-button>
			</view>
		</uni-card>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				data:{
					name:'xxxx生活馆',
					address:'xxxxxxx路口'
				}
			}
		},
		methods: {
			nav(){
				uni.showToast({
					title:'开始导航',
					icon:'none',
					mask:true
				})
			}
		}
	}
</script>

<style>
	
	.up_top{
		margin-top: 20rpx;
	}
	.u-button{
		width: 200rpx;
	}
	
	.flex{
		display: flex;
		align-items: center;
	}
	.space_around{
		justify-content: space-around;
	}
</style>
